.tr-toggle {
  column-gap:8px;
  row-gap: 4px;
  width: auto;
  display: flex;
  align-items: flex-start !important;

}
.tr-toggle-small{
  min-height: 32px;
  display: flex;
  align-items: center;
  .q-toggle__track {
  width: 44px;
  height: 24px;
  border-radius: 12px;
}
.q-toggle__thumb {
  width: 22px;
  height: 22px;
  top: 1px;
}
.q-toggle__thumb:after{
box-shadow:0 0 0 0;
left: 1px;
right: -1px;
}
 .q-toggle__inner {
  width: 44px;
  min-width: 44px;
  height: 24px;
  padding: 0px;
}
.q-toggle__inner--truthy .q-toggle__thumb {
  left: 0.33em;
}
.q-toggle__inner--indet .q-toggle__thumb{
left: 0.17em;
}
.q-toggle__inner--truthy{
  color: var(--t-color);
}
.q-toggle__inner--falsy{
  color: rgba(0,0,0,0.32);
}
.q-toggle__track{
  opacity: 1;
}
.q-toggle__inner--truthy .q-toggle__thumb:after{
  background-color: white;
}
.q-toggle__inner--truthy .q-toggle__track{
opacity: 1;
}

}
//最新label规范
.tr-toggle-big{
  background-color: #fff;
}
.tr-toggle-big .tr-label-prefix-wraper-left .tr-label-prefix{
  padding-top: 5.5px;
}
.tr-toggle-big .tr-label-prefix-wraper .tr-label-prefix{
  text-wrap: wrap;
}
.tr-toggle-big .t-label{
  line-height: 1.5;
}
body.desktop .q-toggle:not(.disabled) .q-toggle__thumb:before{
  opacity: 0.3;
  right: -1.5px;
}
@media only screen and (max-width: 767px) {
.tr-toggle-div{
  width: 100%;
  border-bottom: 1px solid white ;
}

.tr-label-prefix-wraper .tr-label-prefix{
  font-size: 12px;
}
.tr-toggle{
  row-gap: 0px;
}
.tr-toggle-small{
  height: 47px;
}



}
